<ul class="pagination pagination-sm no-margin pull-right">
	<li><a class="first">首页</a></li>
	<li><a class="pre">上一页</a></li>
	<li><a class="next">下一页</a></li>
	<li><a class="last">尾页</a></li>
	<li><a class="rowCount">总记录数(0)</a></li>
	<li><a class="pageCount">总页数(0)</a></li>
	<li><a class="pageCurrent">当前页(1)</a></li>
</ul>
<script type="text/javascript">
    $(function(){
		$("#pageId").on("click",".first,.pre,.next,.last",doJumpToPage)//注册事件
	});
	// 初始化分页数据
	function doSetPagination(pageObject){
		//1.初始化总记录数
		$(".rowCount").html("总记录数("+pageObject.rowCount+")");
		//2.初始化总页数
		$(".pageCount").html("总页数("+pageObject.pageCount+")");
		//3.初始化当前页
		$(".pageCurrent").html("当前页("+pageObject.pageCurrent+")");
		//存储当前页码值以及总页数
		// jqury应用中每一个对象都有一个data函数
		// data函数用于基于某个对象存储k/v
		$("#pageId").data("pageCurrent",pageObject.pageCurrent);
		$("#pageId").data("pageCount",pageObject.pageCount);
		// data函数语法data(k,v)
	}
	// 处理点击事件
    function doJumpToPage(){
		//1.获取当前页码以及总页数
		var pageCurrent=$("#pageId").data("pageCurrent");
		var pageCount=$("#pageId").data("pageCount");
		//2.获取点击的对象的class属性值
		var cls=$(this).prop("class")//取属性值
		//3.基于点击对象的不同修改当前页码值
		if (cls=="first") {
			pageCurrent=1;
		} else if(cls=="next"&&pageCurrent<pageCount){
			pageCurrent++;
		} else if(cls=="pre"&&pageCurrent>1){
			pageCurrent--;
		} else if(cls=="last"){
			pageCurrent=pageCount;
		}
		//4.基于新的页码值进行下次查询
		console.log(pageCurrent);
		// 4.1更新新的页码值
		$("#pageId").data("pageCurrent",pageCurrent);
		// 4.2基于新的页码值执行查询
		doGetObjects();//此方法为哪个页面的方法,由当前页面包含决定
	}
</script>


